.info-base .background {
    position: absolute;
}

.info-base .character {
    position: absolute;
    border-radius: 50%;
    width: 367px;
    top: 79px;
    left: 113px;
}

.info-base .weapon {
    position: absolute;
    width: 412px;
    top: 58px;
    left: 89px;
}

.info-base .content {
    position: absolute;
    top: 14px;
}

.info-base .content .title-and-name {
    position: absolute;
    font-family: HuaWen, GenshinUsedFont, monospace;
    color: var( --styleInfoColor );
    font-size: 18pt;
    top: 21px;
    width: 600px;
    left: 494px;
}

.info-base .content .introduce {
    position: absolute;
    color: rgb(99, 112, 139);
    left: 509px;
    top: 48px;
    font-size: 11.23pt;
    width: 480px;
}

.info-base .dotted {
    position: absolute;
    width: 474px;
    left: 512px;
    border-bottom: 2px dashed;
    top: 104px;
    color: var( --dottedColor );
}

@font-face {
    font-family: HuaWen;
    src: url("../../public/fonts/HWXingKai.ttf");
}